var change_tab_to_teacher = document.getElementById("change_role_to_teacher");
var change_tab_to_student = document.getElementById("change_role_to_student");
var student_container = document.getElementById("student_container");
var teacher_container = document.getElementById("teacher_container");

// 响应化后的角色跳转按钮
var teacher_login = document.getElementById("teacher_login");
var student_login = document.getElementById("student_login");

change_tab_to_teacher.onclick = function() {
    student_container.style.visibility = "hidden";
    teacher_container.style.visibility = "visible";
}

change_tab_to_student.onclick = function() {
    teacher_container.style.visibility = "hidden";
    student_container.style.visibility = "visible";
}

teacher_login.onclick = function() {
    student_container.style.visibility = "hidden";
    teacher_container.style.visibility = "visible";
    teacher_login.style.visibility = "hidden";
    student_login.style.visibility = "visible";
}

student_login.onclick = function() {
    teacher_container.style.visibility = "hidden";
    student_container.style.visibility = "visible";
    teacher_login.style.visibility = "visible";
    student_login.style.visibility = "hidden";
}